<template>
    <ul class="mainmenu">
        <li class="has-droupdown has-menu-child-item">
            <router-link to="/" :style="{color:tabName===0?'#059DFF':'',fontSize:'20px'}">首  页</router-link></li>
        <li><router-link to="/objectExtraction" :style="{color:tabName===1?'#059DFF':'',fontSize:'20px'}">目标提取</router-link></li>
        <li><router-link to="/changeDetection" :style="{color:tabName===2?'#059DFF':'',fontSize:'20px'}">变化检测</router-link></li>
        <li><router-link to="/objectDetection" :style="{color:tabName===3?'#059DFF':'',fontSize:'20px'}">目标检测</router-link></li>
        <li><router-link to="/TerrainClassification" :style="{color:tabName===4?'#059DFF':'',fontSize:'20px'}">地物分类</router-link></li>
<!--        <li><router-link to="/bigdata">数 据 分 析</router-link></li>-->
    </ul>
</template>

<script>
    import Icon from "../../icon/Icon";
    export default {
        name: 'Nav',
        components: {Icon},
        props: {
            tabName:{
                type:Number
            }
        },
        mounted() {
            // console.log(this.tabName)
        }
    }
</script>